<template>
  <h2 class="content-title">
    <span><slot></slot></span>
  </h2>
</template>
<script>
export default {
  name: "contentTitle",
  data() {
    return {
      
    };
  },
};
</script>
<style lang="scss" scoped>
h2 {
  color: #fff;
  border-bottom: 1px solid $theme-color;
  margin-bottom: 20px !important;
  font: {
    weight: normal;
    size: 18px;
  }
  span {
    display: inline-block;
    padding: 0.2em 1em;
    border-radius: $border-radius-big $border-radius-big 0 0;
    background: $theme-color;
  }
}
</style>